<script setup>
// #region 引入包, 函数和组件
import Loading from "@/components/Loading.vue"; // 加载中组件
// #endregion

// #region // 使用模块(仓库、路由、父组件参数函数)
const props = defineProps(['loading'])
// #endregion

// #region // 变量
const svg =
  '<path d="M874.042729 149.963531L793.606488 230.399772A398.199215 398.199215 0 1 0 910.221972 511.983503h113.771205a511.970419 511.970419 0 1 1-149.950448-362.019972z" fill="#cccccc" p-id="6433"></path>';
// #endregion

// #region // 函数

// #endregion

// #region // 生命周期和vue函数

// #endregion
</script>

<template>
  <div class="load" v-show="loading">
    <Loading :show="loading" :svg="svg" text=""></Loading>
  </div>
</template>

<style lang="scss" scoped>
.load {
  position: fixed;
  inset: 0;
  display: flex;
  z-index: 999;

  :deep(.loading) {
    margin: auto;
    width: 0.61rem;
    height: 0.65rem;
  }

  :deep(.el-loading-mask) {
    background: rgba($color: #000000, $alpha: 0.6);
    border-radius: 0.05rem;

    .circular {
      width: 0.32rem;
      height: 0.32rem;
    }
  }
}
</style>
